//@import url('http://at.alicdn.com/t/c/font_4704323_rgu2vwnrqw.css');
@import './common.scss';
@import './variables.scss';
@import './theme.scss';
// 加载动画
.animbox-scroll-loading {
  margin: 40rpx auto;
  width: 400rpx;
  text-align: center;
}

/*设置各竖条的共有样式*/
.animbox-scroll-loading view {
  background-color: #279fcf;
  width: 8rpx;
  height: 70rpx;
  border-radius: 4rpx;
  margin: 4rpx;
  animation-fill-mode: both;
  display: inline-block;
  animation: anim 0.9s 0s infinite cubic-bezier(.11, .49, .38, .78);
}

/*设置动画延迟*/
.animbox-scroll-loading > :nth-child(2), .animbox-scroll-loading > :nth-child(4) {
  animation-delay: 0.25s !important;
}

.animbox-scroll-loading > :nth-child(1), .animbox-scroll-loading > :nth-child(5) {
  animation-delay: 0.5s !important;
}

/*定义动画*/
@keyframes anim {
  0% {
    transform: scaley(1);
  }
  80% {
    transform: scaley(0.3);
  }
  90% {
    transform: scaley(1);
  }
}

.审核通过,
.已通过 {
  color: #00b42a;
  background-color: #e8ffea;
  @include flex($justify: center, $align: center);
  padding: 0 8rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
}

.待审核,
.审批中,
.审核中 {
  color: #ff7d00;
  background-color: #fff7e8;
  @include flex($justify: center, $align: center);
  padding: 0 8rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
}

.已驳回 {
  color: $btn-error-color;
  background-color: $btn-error-bg;
  @include flex($justify: center, $align: center);
  @include flex($justify: center, $align: center);

  padding: 0 8rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
}

.请假 {
  background: $warning-card-bg;
  color: $warning-card-text-color;
  @include flex($justify: center, $align: center);
  padding: 0 8rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
}

.缺卡,
.迟到,
.早退, {
  @include flex($justify: center, $align: center);
  padding: 0 8rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
  background: #FFECE8;
  color: #F53F3F;
}

.加班 {
  background: $jiaban-tag-bg;
  color: $jiaban-tag-color;
  @include flex($justify: center, $align: center);
  padding: 0 8rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
}

.外勤 {
  background: #e8ffea;
  color: #00b42a;
  @include flex($justify: center, $align: center);
  padding: 0 8rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
}

.补卡 {
  background: $btn-bg;
  color: $btn-bg-color;
  @include flex($justify: center, $align: center);
  padding: 0 8rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
}

.正常 {
  background: $success-card-bg;
  color: $success-card-text-color;
  @include flex($justify: center, $align: center);
  padding: 0 8rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
}

.已撤销 {
  color: #86909c;
  background-color: #f2f3f5;
  @include flex($justify: center, $align: center);
  padding: 0 8rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
}

.已通过 {
  background: $success-card-bg;
  color: $success-card-text-color;
  display: flex;
  @include flex($justify: center, $align: center);
  padding: 0 8rpx;
  border-radius: 5rpx;
  font-size: 24rpx;
  align-items: center;
  gap: 4rpx;
  border-radius: 4rpx;
  text-align: center;
  font-family: 'PingFang SC';
  font-size: 24rpx;
  font-style: normal;
  font-weight: 500;
}

:deep(.file-picker__box) {
  height: 6.25rem !important;
  width: 34.3% !important;
}

// @import '@/uni.scss';
// :deep(.uni-mask ){
// 	z-index: 99999;
// }
